<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三级联动</title>
</head>
<body>
    <select name="" id="province"></select>
    <select name="" id="city">
        <option value="">---</option>
    </select>
    <select name="" id="country">
        <option value="">---</option>
    </select>
    <script src="./js/jquery-1.12.4.js"></script>
    <script>
        var $province = $('#province')
        var json;
        $.getJSON('data/server1.json',function(data){
            $.each(data,function(index,obj){
                var provinceName = obj.province
                // 添加省份选项
                $province.append($('<option value="'+provinceName + '">'+provinceName+'</option>'))
            })
        })
    </script>
</body>
</html>